سفارش تبلیغ
صبا ویژن

کلاس آقای حیدری 5/5

صفحه خانگی پارسی یار درباره

آموزش HTML (قسمت1)

آموزش

HTML

با زبان ساده و با طعم بامزه پرتقال

محصول آموزشی وبلاگ "منم بلدم بنویسم"

Manam-Minevisam.blogsky.com

<**ادامه مطلب...**>

یک صلوات بر حضرت محمد (ص) و خاندان بزرگوار ایشان

الهم صل علی محمد و آل محمد

www.IrPDF.com

www.IrPDF.com www.IrPDF.com www.IrPDF.com

امام علی (علیه السلام): زکات علم ترویج آن است.

Manam-Minevisam.blogsky.com

کلیه ی حقوق برای تولید کننده و ناشر (وبلاگ "منم بلدم بنویسم") محفوظ میباشد.

به نام خداوند

بخشاینده و مهربان

www.IrPDF.com

www.IrPDF.com www.IrPDF.com www.IrPDF.com

امام علی (علیه السلام): زکات علم ترویج آن است.

Manam-Minevisam.blogsky.com

کلیه ی حقوق برای تولید کننده و ناشر (وبلاگ "منم بلدم بنویسم") محفوظ میباشد.

مقدمه:

با سلام خدمت تمام دوستان عزیز و گرامی،

زبان برنامه نویسی تحت وب هست. دوستانی که اهل وب HTML ، همونطور که میدونید

گردی هستن یا کسانی که وبلاگ دارن بهتره که یه چیزی از این کدها رو بدونن چون خیلی

وقت ها لازم میشه. در این کتاب به روشی واقعا ساده و آسون نحوه ی کدنویسی رو با هم یاد

میگیریم. همچنین برای درک بهتر در بعضی از قسمت ها که امکان داشت رسیدن مفهوم کامل

انجام نشه در مطلب از تصویر استفاده کردم. ممکنه از نظر خیلی از اهالی فن این آموزش و

توضیحات اشتباه به نظر برسه، ولی باید بگم که برای اینکه مطلب مناسب همه ی گروه های

سنی با هر میزان تحصیلات باشه مجبور شدم که اینجوری بنویسم، سعی کردم نحو ی نگارشو

طوری تغییر بدم که هر کسی حتی بدون هیچ دانشی متوجه بشه. درضمن یه توصیه به همه

دارم، سعی کنید اگه میخواید کدها رو امتحان کنید، فقط از این کتاب نگاه کنید و خودتون دستی

کردن اولا ممکنه کدها فرمتشون به هم بخوره و شما نتیجه رو Paste و Copy تایپ کنید، با

نبینید یا اشتباه ببینید و ثانیا هیچی یاد نمیگیرید.

امیدوارم خندون و پیروز و موفق باشید.

مهرداد

www.IrPDF.com

www.IrPDF.com www.IrPDF.com www.IrPDF.com

امام علی (علیه السلام): زکات علم ترویج آن است.

Manam-Minevisam.blogsky.com

کلیه ی حقوق برای تولید کننده و ناشر (وبلاگ "منم بلدم بنویسم") محفوظ میباشد.

سریع میرم سر اصل مطلب، اول از همه باید بدونید که کدنویسی باید تو یک نرم افزار انجام

ویندوز بنویسید، برای اجرای این برنامه به Notepad بشه، شما میتونید این کدهارو توی

آدرس زیر برید:

Start >All programs > Accessories > Notepad

بعد از اجرای برنامه هر کدی رو که قرار آموزش بدم رو توش بنویسید و بعد به شکل زیر

ذخیرش کنید:

File name رو انتخاب کنید، در قسمت Save as رو باز کرده و سپس file در ابتدا منوی

رو هم بنویسید (توجه داشته باشید که قبل .html اسمی دلخواه رو بنویسید، بعد از اسم حتما

یکنقطه هست) با این کار، کدهایی که نوشتیم با فرمت یک صفحه ی وب ذخیره html از

UTF- که باید روی 8 Encoding میشن. یکم پایینتر یه قسمت دیگه ای هم هست به اسم

تنظیم بشه، دلیلشم اینه که با صفحه های فارسی هماهنگه یعنی میتونه متون فارسی رو هم نشون

کلیک کنید. Save بده. بعد از اینکه این تنظیمات رو انجام دادید و در آخر روی

تصویر زیر این تنظیمات رو نشون میده:

html نحوه ی ذخیره کردن کدها به صورت فایل

www.IrPDF.com

www.IrPDF.com www.IrPDF.com www.IrPDF.com

امام علی (علیه السلام): زکات علم ترویج آن است.

Manam-Minevisam.blogsky.com

کلیه ی حقوق برای تولید کننده و ناشر (وبلاگ "منم بلدم بنویسم") محفوظ میباشد.

اول یه توضیحی بدم، به هر کدی که بین <> نوشته بشه "تگ" گفته میشه. ما 2 نوع تگ

داریم، تگ شروع که <> هست و تگ پایان که < /> هست، هر تگی که شروع شد باید بسته

بشه درغیر این صورت تگ کار نمیکنه، البته مواردی هم وجود داره که نیازی به بستن نیست،

در ادامه حالا بیشتر آشنا میشیم:

خوب، حالا ساده ترین صفحه رو با هم میسازیم،

رو باز کنید و تگ های زیر رو توش بنویسید: Notepad در ابتدا

<Html>

</html>

بازش Internet Explorer حالا به همون روشی که بالا گفتم ذخیرش کنید، بعد از ذخیره با

کنید، توش چی میبینید؟ اگه درست کار کرده باشید هیچ چیزی نمیبینید! دلیلشم اینه که ما

اصلا چیزی وارد نکردیم. این آموزش اینو یاد میده که همه ی کدها باید بین این 2 تگ قرار

هست یعنی میشه این: html بگیرن، منظورم 2 تگ

<Html>

کدهایی که ما باید بنویسیم

</html>

چیزی دیگه ای هم که باید همینجا یاد بگیرید اینه که همه ی تگ ها باید بین <> نوشته بشن

با این تفاوت که برای شروع فقط از <> استفاده میکنیم ولی برای پایان دادن < /> (یک اسلش

باید بزاریم تا به برنامه بگیم که این تگ تموم شد، ببندش)

خوب حالا میخوایم یه نوشته ی ساده تو صفحه بزاریم، برای نوشتن کدهای زیر رو تو

بنویسید: Notepad

<Html>

سلام

</html>